<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="format-detection" content="telephone=no">
		
		<link rel="stylesheet" href="/common/css/slider/slider.css">
		<link rel="stylesheet" href="/common/css/slider/slider.default.css">
		<link rel="stylesheet" href="/common/css/zmu.css">

		<script type="text/javascript" src="/common/js/zepto.js"></script>
		<script type="text/javascript" src="/common/js/zmu.js"></script>
		
		<script type="text/javascript" src="/common/js/slider/slider.js"></script>
		<script type="text/javascript" src="/common/js/slider/dots.js"></script>
		<script type="text/javascript" src="/common/js/slider/$touch.js"></script>
		<script type="text/javascript" src="/common/js/slider/$autoplay.js"></script>
		<script type="text/javascript" src="/common/js/slider/$lazyloadimg.js"></script>
		
		<style type="text/css">
			*{ padding: 0; margin: 0;}
			img{border:none; display: block;}
		</style>
		<title></title>
	</head>

  	<body>

	<div id="slider" class="ui-slider">
		<div>
			<a href="http://m.zhenpin.com/special/autumn_shopping_2014.html"><img
				src='images/1.jpg'
				width="300" height='131'></a>
		</div>
		<div>
			<a href="http://m.zhenpin.com/promotion2/new_arrivals_all_1475.html"><img
				src='images/2.jpg'
				width="300" height='131'></a>
		</div>
		<div>
			<a href="http://m.zhenpin.com/index.php?c=special&id=156"><img
				src='images/3.jpg'
				width="300" height='131'></a>
		</div>
		<div>
			<a href="http://m.zhenpin.com/promotion2/beauty_products_1461.html"><img
				src='images/4.jpg'
				width="300" height='131'></a>
		</div>
		<!-- <a href="http://m.zhenpin.com/promotion2/beauty_products_1461.html"><img lazyload="http://zhenimg.com/special_img/special_group_img/527386f7a551f9852ffc10ad80b8fa24.jpg" width="300"></a> -->

	</div>
	<script>
		$('#slider').slider({
			loop : true
		});
	</script>
	</body>
</html>
